import { RouterProvider } from "react-router-dom";

import { router } from "./router/router";
// // import { useAppDispatch, useAppSelector } from "./models/hooks";
// // import { selectCount, increment, decrement } from "./models/app/appSlice";
// // import { setValue, value } from "./models/user/userSlice";

export default function App() {
  return <RouterProvider router={router} />;
}
// // export default function App() {
// //   const dispatch = useAppDispatch();
// //   const count = useAppSelector(selectCount);
// //   const newValue = useAppSelector(value);
// //   const handleIncrement = () => {
// //     dispatch(increment());
// //   };
// //   const handleDecrement = () => {
// //     dispatch(decrement());
// //   };
// //   const handleValue = () => {
// //     dispatch(setValue("测试"));
// //   };
// //   return (
// //     <div className='App'>
// //       <div>欢迎</div>
// //       <h1>{count}</h1>
// //       <button onClick={handleIncrement}>加</button>
// //       <button onClick={handleDecrement}>减</button>
// //       <h1>Value的值：{newValue}</h1>
// //       <button onClick={handleValue}>设置value</button>
// //     </div>
// //   );
// // }
// import React from "react";
// import { Layout, Menu } from "antd";
// import { VideoCameraOutlined } from "@ant-design/icons";
// import { NavLink } from "react-router-dom";
// const { Header, Content, Footer, Sider } = Layout;

// const App = () => {
//   return (
//     <Layout>
//       <Header
//         style={{
//           display: "flex",
//           alignItems: "center",
//         }}
//       >
//         <div className="demo-logo">
//           <h1 style={{ color: "#fff" }}>名称</h1>
//         </div>
//         <Menu
//           theme="dark"
//           mode="horizontal"
//           defaultSelectedKeys={["1"]}
//           items={[
//             {
//               key: "1",
//               icon: <VideoCameraOutlined />,
//               label: <NavLink to="/react-app">react 1 应用</NavLink>,
//             },
//           ]}
//         />
//       </Header>
//       <Content
//         style={{ height: "calc(100vh - 128px)", backgroundColor: "#b4efe1" }}
//         id={"container"}
//       >
//         <h1>主应用显示容器</h1>
//       </Content>
//       <Footer style={{ textAlign: "center" }}>
//         Ant Design ©2023 Created by Ant UED
//       </Footer>
//     </Layout>
//   );
// };
// export default App;
